#contents
{
    overflow:hidden;

    background-color:white;
}

.Contents_Block
{
    position:relative;

    width:25%;
    height:25%;
    margin:3.8%;
    border:1px solid lightgrey;
    
    border-radius:10%;
    cursor:pointer;
}
.Contents_Block:hover
{
    box-shadow:0 0 10px grey;
}
.Contents_Block > div
{  
    margin:4% auto;
}
.Contents_Block > div:last-child
{
    height:30%;

    text-align:center;
    font-size:50%;
    line-height:150%;
}

.Contents_Row
{
    display:flex;
    align-items:center;

    width:90%;
    height:15%;
    margin-left:5%;

    border-top:1px solid lightgrey;

    font-size:80%;

    cursor:pointer;
}
.Contents_Row:first-child
{
    border-top:none;
    margin-top:5%;
}
.Contents_Row:hover
{
    background-color:#F7F7F7;
}
.Contents_Row > div:first-child
{
    width:30%;
    margin-left:3%;
}

.Contents_ColorPreviewBox
{
    display:flex;
    flex-wrap:wrap;
    overflow:hidden;
}
.Contents_Block .Contents_ColorPreviewBox
{
    width:70%;
    height:70%;
}
.Contents_Row .Contents_ColorPreviewBox
{
    width:10%;
    height:70%;
    margin-left:1%;
    border:1px solid lightgrey;

    border-radius:20%;
}
.Contents_ColorPreviewBox_Color
{
    width:40%;
    height:40%;
    margin:5%;
    box-shadow:0 0 1px 0 lightgrey;
}

#contents > div
{
    width:100%;
}

#contents_title
{
    display: flex;
    justify-content:space-between;

    height:8%;
}
#contents_level
{
    margin-left:4%;

    border-bottom:1px solid lightgrey;

    font-size:70%;
    line-height:170%;
}
#contents_back
{
    display:none;
    position:relative;
    right:5%;
    top:50%;
    transform:translateY(-50%);

    height:80%;

    cursor:pointer;
}

#contents_table
{
    display: flex;
    flex-wrap: wrap;
    justify-content: flex-start;
    align-content:flex-start;
    overflow-y: auto;

    height:84%;
}

#contents_list
{
    overflow-y:auto;
    position:absolute;
    left:0;
    top:8%;

    height:84%;

    background-color:white;
    transition: left 0.5s;
    -moz-transition: left 0.5s;
    -webkit-transition: left 0.5s;
    -o-transition: left 0.5s;
}
